<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>欢迎</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link th:href="@{/animate.min.css}" rel="stylesheet">
</head>
<body style="background-color: #F8F8F8">
<div style="position: absolute;left: 0;right: 0;top: 0;bottom: 0">
    <div style="display: flex;justify-content: center;margin-top: 10%">
        <div class="animated zoomIn" style="width: 30%;background-color: #fff;border: solid
        #337AB7 1px;border-radius: 10px;box-shadow: 0 0
        10px
        #337AB7
        ;padding:
        20px">

            <div class="layui-card">
                <h2 style="text-align: center"
                    class="layui-card-header"><span style="font-size: 20px">珠海XXXX教育</span></h2>
            </div>

            <div style="text-align: center" class="layui-form-item">
                <a style="cursor: pointer" onclick=window.location='/student/loginPage'>
                    <div><strong style="font-size: 20px">我要做题</strong></div>
                </a>
            </div>
            <div style="text-align: center" class="layui-form-item">
                <a style="cursor: pointer" onclick=window.location='/teacher/loginPage'>
                    <strong style="font-size: 20px">我要出题</strong>
                </a>
            </div>
        </div>
    </div>
</div>

<script th:src="@{/layui/layui.all.js}" charset="utf-8"></script>
<script>
    //JavaScript代码区域
    layui.use(['element','form','table','layer'], function () {
        var element = layui.element;
        var form=layui.form;
        var table=layui.table;
        var layer=layui.layer;
    });
</script>

</body>
</html>